<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>怡荭书苑</title>
    <link rel="stylesheet" href="../css/common/base.css">
    <link rel="stylesheet" href="../css/exchange.css">
    <!--<script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>-->
    <!--<script>eruda.init();</script>-->
    <script>(function flexible(c,b){var h=b.documentElement;var d=c.devicePixelRatio||1;function g(){if(b.body){b.body.style.fontSize=(12*d)+"px"}else{b.addEventListener("DOMContentLoaded",g)}}g();function e(){var i=h.clientWidth/10;h.style.fontSize=i+"px"}e();c.addEventListener("resize",e);c.addEventListener("pageshow",function(i){if(i.persisted){e()}});if(d>=2){var f=b.createElement("body");var a=b.createElement("div");a.style.border=".5px solid transparent";f.appendChild(a);h.appendChild(f);if(a.offsetHeight===1){h.classList.add("hairlines")}h.removeChild(f)}}(window,document));</script>
</head>
<body>
<div class="exchange-wrapper">
    <div class="header">
        <div class="back-wrapper inline"></div>
        <div class="inline title tc">兑换专区</div>
        <div class="inline exchange-recode-btn tr">兑换记录</div>
    </div>
    <p class="split-line-wrapper"></p>
    <div class="my-asset-wrapper">
        <div class="my-coin-wrapper inline">
            <p class="coin-wrapper tc"></p>
            <p class="title tc">我的书币</p>
        </div>
        <div class="my-gift-wrapper inline">
            <p class="gift-wrapper tc"></p>
            <p class="title tc">我的书券</p>
        </div>
    </div>
    <p class="split-line-wrapper"></p>
    <div class="exchange-type-wrapper">
        <div class="exchange-vip-wrapper exchange-type">
            <div class="left-wrapper inline"></div>
            <div class="right-wrapper inline">
                <p class="amount tc">需<span></span></p>
                <p class="btn tc" data-type="vip">立即兑换</p>
            </div>
        </div>
        <div class="exchange-gift-wrapper exchange-type">
            <div class="left-wrapper inline"></div>
            <div class="right-wrapper inline">
                <p class="amount tc">需<span></span></p>
                <p class="btn tc" data-type="gift">立即兑换</p>
            </div>
        </div>
    </div>
    <div class="exchange-mask">
        <div class="exchange-mask-content">
            <div class="close-wrapper clearfix"><span class="fr"></span></div>
            <div class="select-count-wrapper">
                <div class="select-count-tip inline">数量选择:</div>
                <div class="select-count-box inline">
                    <span class="inline decrease-num border-1px-all">-</span>
                    <span class="inline num-wrapper border-1px-all">1</span>
                    <span class="inline add-num border-1px-all">+</span>
                </div>
            </div>
            <div class="get-wrapper clearfix">
                <div class="fr"></div>
            </div>
            <div class="cost-wrapper">
                <div class="cost-detail inline"></div>
                <div class="confirm-btn inline tc"></div>
            </div>
        </div>
    </div>
</div>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/libs/common.js"></script>
<script src="../js/exchange.js"></script>
</body>
</html>